<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="not-ie" lang="en"> <!--<![endif]-->
<head>
	<!-- Basic Meta Tags -->
  <meta charset="utf-8">
  <title>RILEY - template by entiri</title>
	<meta name="description" content="RILEY - Responsive HTML Template by entiri">
	<meta name="keywords" content="riley, entiri, theme, template, store, eshop, shop, unique, multipurpose, sliders, corporate, clean, modern, bootstrap, creative, design">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!--[if (gte IE 9)|!(IE)]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  <![endif]--> 

  <!-- Favicon -->
  <link href="img/favicon.png" rel="icon" type="image/png">

  <!-- Bootstrap -->
  <link href="css/bootstrap.css" rel="stylesheet">
  
  <!-- Styles -->
  <link href="css/styles.css" rel="stylesheet" id="color-style"> 

  <!-- LayerSlider Styles -->
  <link href="layerslider/css/layerslider.css" rel="stylesheet">

  <!-- Revolution CSS -->
  <link href="rs-plugin/css/settings.css" rel="stylesheet" media="screen">

  <!-- Flexslider CSS -->
  <link href="css/flexslider.css" rel="stylesheet">

  <!-- Refine Slider -->
  <link href="css/refineslide.css" rel="stylesheet">  
                              
  <!-- Magnific Popup -->
  <link href="css/magnific-popup.css" rel="stylesheet"> 

  <!-- Animate -->    
  <link href="css/animate.css" rel="stylesheet">

  <!-- Font Awesome Style -->
  <link href="css/font-awesome.min.css" rel="stylesheet">
  
  <!-- Entypo Icons -->    
  <link href="css/entypo.css" rel="stylesheet">

  <!-- Web Fonts -->
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800' rel='stylesheet' type='text/css'>
  
	<!-- Internet Explorer condition - HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->   

	<script src="js/modernizr.js"></script>
</head>       
<body>

  <!-- Header -->
  <header> 

    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="top-container">
            <!-- Logo -->                       
      			<a href="index.html" class="logo" title="Home"><img src="img/logo.png " alt=""></a>                     
  
            <!-- Top Items --> 
            <ul class="top-items">
              <li><i class="fa fa-lightbulb-o"></i>Hotline: +321 088 670</li>
              <li class="red"><i class="fa fa-envelope-o"></i><a href="mailto:info@yoursite.com" class="red">info@yoursite.com</a></li>
            </ul>
            <!-- Top Items End --> 
          </div>
        </div> 
      </div> 
    </div> 

    <!-- Nav -->
    <nav class="navbar" role="navigation">
      <div class="navbar-inner">
        <div class="container">     
          <!-- Menu -->
          <ul class="nav navbar-nav" id="nav">
            <li><a href="index.html" title="">Home</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="index-2.html" title="">Home 2 - Parallax</a></li>
                <li><a href="index-3.html" title="">Home 3 - Refine Slider</a></li>
                <li><a href="index-4.html" title="">Home 4 - Flex Slider</a></li>
                <li><a href="index-5.html" title="">Home 5 - Video</a></li>
                <li><a href="index-6.html" title="">Home 6 - Top Bar</a></li>
                <li><a href="index-7.html" title="">Home 7 - Footer 2</a></li>
                <li><a href="index-8.html" title="">Home 8 - Shop</a></li>
                <li><a href="index-9.html" title="">Home 9 - Shop 2</a></li>
                <li><a href="index-10.html" title="">Home 10 - Revolution Slider</a></li>
  						</ul>
              <!-- Submenu End -->
            </li>
            <li><a href="services.html" title="">Services</a></li> 
            <li><a href="about.html" title="">About</a></li> 
            <li><a href="projects.html" title="">Projects</a> 
              <!-- Submenu -->
  						<ul>
                <li><a href="projects-2.html" title="">2 Columns</a></li>
                <li><a href="projects-3.html" title="">3 Columns</a></li>
                <li><a href="projects-4.html" title="">2 Columns Boxed</a></li>
                <li><a href="projects-5.html" title="">3 Columns Boxed</a></li>
                <li><a href="projects-6.html" title="">4 Columns Boxed</a></li>
                <li><a href="projects-7.html" title="">3 Columns Full Width</a></li>
                <li><a href="projects-8.html" title="">4 Columns Full Width</a></li>
                <li><a href="projects-9.html" title="">6 Columns Full Width</a></li>
                <li><a href="project-detail.html" title="">Project Detail</a></li> 
  						</ul>
              <!-- Submenu End -->
            </li>
            <li><a href="blog.html" title="">Blog</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="blog-full.html" title="">Blog Full Width</a></li> 
                <li><a href="blog-detail.html" title="">Blog Detail</a></li> 
  						</ul>
              <!-- Submenu End -->
            </li>
            <li class="selected"><a href="components.html" title="">Features</a>
              <!-- Submenu -->
  						<ul>
                <li><a href="components.html" title="">Components</a></li>
                <li><a href="entypo.html" title="">Entypo Icons</a></li>
                <li><a href="icons.html" title="">Awesome Icons</a></li>
                <li><a href="pricing.html" title="">Pricing Tables</a></li>
                <li class="selected"><a href="grid.html" title="">Grid System</a></li>
                <li><a href="#" title="">2nd Submenu</a>
                  <!-- Submenu 2nd -->
      						<ul>
                    <li><a href="#" title="">Item 001</a></li> 
                    <li><a href="#" title="">Item 002</a></li> 
                    <li><a href="#" title="">Item 003</a></li> 
                    <li class="selected"><a href="#" title="">Item 004 - Active</a></li> 
      						</ul>
                  <!-- Submenu 2nd End -->
                </li>
  						</ul>
              <!-- Submenu End -->
            </li> 
            <li><a href="contact.html" title="">Contact</a>
  						<ul>
                <li><a href="contact-2.html" title="">Contact 2</a></li> 
                <li><a href="contact-3.html" title="">Contact 3</a></li> 
  						</ul>
            </li> 
          </ul>
          <!-- Menu End -->    
           
          <!-- Social Top --> 
          <div class="social-top social-6">
            <a href="#"><i class="fa fa-dribbble"></i></a>
            <a href="#"><i class="fa fa-dropbox"></i></a>
            <a href="#"><i class="fa fa-facebook"></i></a>
            <a href="#"><i class="fa fa-flickr"></i></a>
            <a href="#"><i class="fa fa-linkedin"></i></a>
          </div>  
          <!-- Social Top End -->  
          
        </div> 
      </div>  
    </nav>
    <!-- Nav End -->
    
  </header>
  <!-- Header End -->
                      
  <!-- Content -->    
  <div class="breadcrumb-container">
    <div class="container">  
      <div class="row">  
        <div class="col-md-12">
          <h1>Grid System</h1>
          <ol class="breadcrumb">
            <li><a href="index.html">Home</a></li>
            <li><a href="#">Features</a></li>
            <li class="active">Grid System</li>
          </ol>
        </div>  
      </div> 
    </div> 
  </div>

  <div class="space20"></div>

  <div class="container">
    
    <div class="row">
      <div class="col-md-12">
      <h3>12 Column Width</h3>
        <p>Cras consequat porttitor tincidunt. Aliquam erat volutpat. Sed dignissim hendrerit nibh, quis faucibus erat cursus eget. Integer porta nisl vitae felis rutrum ut mollis felis congue. Vestibulum augue nisl, egestas eu rhoncus eu, fermentum in leo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.</p>
      </div>
    </div>

    <div class="space30"></div>

    <div class="row">
      <div class="col-md-6">
      <h3>6 Column Width</h3>
        <p>Cras consequat porttitor tincidunt. Aliquam erat volutpat. Sed dignissim hendrerit nibh, quis faucibus erat cursus eget. Integer porta nisl vitae felis rutrum ut mollis felis congue. Vestibulum augue nisl, egestas eu rhoncus eu, fermentum in leo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.</p>
      </div>
      <div class="col-md-6">
         <h3>6 Column Width</h3>
        <p>Cras consequat porttitor tincidunt. Aliquam erat volutpat. Sed dignissim hendrerit nibh, quis faucibus erat cursus eget. Integer porta nisl vitae felis rutrum ut mollis felis congue. Vestibulum augue nisl, egestas eu rhoncus eu, fermentum in leo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.</p>
      </div>
    </div>  

    <div class="space30"></div>
       
    <div class="row">
      <div class="col-md-4">
        <h3>4 Column Width</h3>
        <p>Cras consequat porttitor tincidunt. Integer porta nisl vitae  felis congue. Egestas eu rhoncus eu, fermentum in leo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.</p>
      </div>
      <div class="col-md-4">
        <h3>4 Column Width</h3>
        <p>Cras consequat porttitor tincidunt. Integer porta nisl vitae  felis congue. Egestas eu rhoncus eu, fermentum in leo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.</p>
      </div>          
      <div class="col-md-4">
        <h3>4 Column Width</h3>
        <p>Cras consequat porttitor tincidunt. Integer porta nisl vitae  felis congue. Egestas eu rhoncus eu, fermentum in leo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.</p>
      </div>
    </div>   

    <div class="space30"></div>
        
    <div class="row">
      <div class="col-md-3">
        <h3>3 Column Width</h3>
        <p>Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.</p>
      </div>
      <div class="col-md-3">
        <h3>3 Column Width</h3>
        <p>Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.</p>
      </div>          
      <div class="col-md-3">
        <h3>3 Column Width</h3>
        <p>Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.</p>
      </div>
      <div class="col-md-3">
        <h3>3 Column Width</h3>
        <p>Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.</p>
      </div>
    </div>  
    
    <div class="space30"></div>
        
    <div class="row">
      <div class="col-md-8">
        <h3>8 Column Width</h3>
        <p>Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis.             Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.</p>
      </div>
      <div class="col-md-4">
        <h3>4 Column Width</h3>
        <p>Cras consequat porttitor tincidunt. Egestas eu rhoncus euleo. Pellentesque ultricies pharetra nulla sit amet sagittis. Curabitur at feugiat nibh. Duis sit amet odio eros. Donec non purus non augue cursus convallis sed id purus. In fringilla luctus scelerisque. Donec mauris magna, iaculis non suscipit eu, pellentesque nec urna.</p>
      </div>          
    </div> 
    
  </div>

  <div class="space40"></div>

  <!-- Partners -->
  <div class="container">
    <div class="row">

      <ul class="partners-6">  
        <li> 
          <img src="img/partners/01.png" alt="">
        </li> 
        <li> 
          <img src="img/partners/02.png" alt="">
        </li> 
        <li> 
          <img src="img/partners/03.png" alt="">
        </li> 
        <li> 
          <img src="img/partners/04.png" alt="">
        </li> 
        <li> 
          <img src="img/partners/05.png" alt="">
        </li> 
        <li> 
          <img src="img/partners/06.png" alt="">
        </li> 
      </ul>

    </div>
  </div>      
  <!-- Partners End -->

  <div class="space60"></div>
  <!-- Content End -->
           
  <!-- Footer -->  
  <footer class="footer">

    <!-- Parallax --> 
    <div id="parallax-one" class="parallax" style="background-image:url(img/parallax/02.jpg);">
      <div class="footer-promo">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <h2>MODERN PROMO BOX</h2>
              <h4>Present Yourself</h4>
            </div>
          </div>
        </div>
      </div>
    </div> 
    <!-- Parallax End --> 

    <div class="footer-info">
      <div class="container">
        <div class="row">
          <div class="col-md-3 col-sm-6">
            <h6>ABOUT US</h6>         
            Tingue phasellus mattis mid elementum dictumst dignissa in in risus nunc aaunissim hendrerit nibeh.<br>
            <br>
            Mon – Fri : 10 AM to 5 PM<br>
            Sat – Sun : 10 AM to 2 PM<br>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>RECENT NEWS</h6>      
            <ul class="list-5">
              <li>
                <a href="#"><i class="fa fa-caret-right"></i> Soprav sutoro selo niaculis</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Le insinuyva holeik nelid</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Contrair to batusel korem</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Oncotà fan the opinan</a>
              </li><li>  
                <a href="#"><i class="fa fa-caret-right"></i> Sait depdubali behod ratitor</a>
              </li>
            </ul>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>CONTACT INFO</h6>
            81 Sunnyvale Street<br>
            Los Angeles, CA 90185<br>
            United States<br>
            <br>
            <div class="item-icon">
              <i class="fa fa-phone"></i>
              (613) 555-0000-852<br>
            </div>
            <div class="item-icon">
              <i class="fa fa-envelope"></i>
              <a href="mailto:info@riley-template.com">info@riley-template.com</a><br>
            </div>
            <div class="item-icon">
              <i class="fa fa-comment"></i>
              <a href="mailto:chat@riley-template.com">chat@riley-template.com</a><br>
            </div>
            <div class="space30"></div>
          </div>
          <div class="col-md-3 col-sm-6">
            <h6>FLICKR PHOTOS</h6>
            <div class="flickr">
              <a href="#"><img src="img/flickr/01.jpg" alt=""></a>
              <a href="#"><img src="img/flickr/02.jpg" alt=""></a>
              <a href="#"><img src="img/flickr/03.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/04.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/05.jpg" alt=""></a> 
              <a href="#"><img src="img/flickr/06.jpg" alt=""></a> 
            </div>
            <div class="space30"></div>
          </div>
        </div>
      </div>
    </div>

    <div class="copyright"> 
      <div class="container">  
        <div class="row">
          <div class="col-md-4 col-sm-4">
            <div  class="logo-footer">  
                <img src="img/logo-footer.png" alt="">
            </div>     
          </div>  
          <div class="col-md-8 col-sm-8">
            <div class="copyright-info">
              &copy; 2014 RILEY. All Rights Reserved. Designed & powered by <a href="../index.html" rel="external" class="entiri">entiri</a>
            </div>
          </div>  
        </div> 
      </div>  
    </div>
    
  </footer>     
  <!-- Footer End --> 
  
  <a href="#" class="back-to-top"><span></span></a> 

  <!-- JavaScripts -->
  <script type="text/javascript" src="js/jquery-1.10.2.js"></script>                                                       
  <script type="text/javascript" src="js/bootstrap.js"></script>  
  <script type="text/javascript" src="js/jquery.easing.js"></script>  
  <script type="text/javascript" src="js/jquery.sticky.js"></script>
  <script type="text/javascript" src="js/tinynav.min.js"></script>      
  <script type="text/javascript" src="js/animate.js"></script>
  <script type="text/javascript" src="js/jquery.fitvids.js"></script> 
  <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
  <script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
  <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script> 
  <script type="text/javascript" src="js/retina.js"></script> 
  <script type="text/javascript" src="js/respond.min.js"></script> 
  <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
  <script type="text/javascript" src="js/jquery.refineslide.js"></script>
  <script type="text/javascript" src="layerslider/js/greensock.js"></script>
  <script type="text/javascript" src="layerslider/js/layerslider.transitions.js"></script>
  <script type="text/javascript" src="layerslider/js/layerslider.kreaturamedia.jquery.js"></script>
  <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
  <script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
  <script type="text/javascript" src="js/functions.js"></script> 
       
</body>
</html>
         
<!-- Localized -->